@charset "utf-8";
@import "_reset";
@function p($px){
    @return $px/2+px
    
}
.mobile{
    width: 100%;
    header{
        width: 100%;
        overflow: hidden;
        text-align: center;
        margin-bottom: p(26);
        a[href="index.html"]{
            float: left;
            color: #000;
            .back{
                width: p(120);
                height: p(55);
                border: p(3) solid #ff9a50;
                border-top:p(2) solid #ff9a50;
                border-radius: p(14);
                font-size: p(26);
                line-height: p(55);
                text-align: center;
                vertical-align: middle;
                margin-top: p(48);
                margin-left: p(23);
                
                
            }
        }
        .star{ 
            float: right;
            vertical-align: middle;
            margin-top: p(54);
            margin-right: p(22);
            .img{
                width: p(51);
                height: p(48);
                overflow: hidden;
                img{
                   height: 100%; 
                }
            }
        }
        h1{
            font-size: p(26);
            vertical-align: middle;
            margin-top: p(63);
        }
         .sel{
            float: right;
            margin-right: p(21);
            margin-top: p(47);
            width: p(163);
            height: p(60);
            border: p(3) solid #ff9344;
            position: relative;
            select{
                border: none;
                 /*将默认的select选择框样式清除*/
                   appearance:none;
                   -moz-appearance:none;
                   -webkit-appearance:none;
                   background: transparent;
                   width: 100%;
                   height: 100%;
                   padding-left: p(14);
            }
            //下拉框小三角
            &::after{
                position: absolute;
                top: p(22);
                right: p(11);
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-top: p(16) solid #ff9344;
                border-right: p(16) solid transparent;
                border-left: p(16) solid transparent;
            }
            
        }
    }
    section{
        width: 100%;
    }
        //底部
    footer{
        width: 100%;
        margin: 0 auto;
        margin-bottom: p(14);
        margin-top: p(17);
        height: p(108);
        a{
            display: inline-block;
            width: 23%;
            text-align: center;
            font-size: p(26);
            color: #000;
            .img{
                width:p(60) ;
                height:p(60) ;
                overflow: hidden;
                margin: 0 auto;
                img{
                   height: 100%; 
                }
            }
        }
    }
}
